<!--
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2024-03-18 09:02:21
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2024-03-18 19:54:37
 * @FilePath: \dm\云课堂\search.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>云课堂</title>
        <link rel="icon" href="https://course.myhope365.com/favicon.ico">
        <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
        <link rel="stylesheet" href="./lib/Bootstrap/css/bootstrap.min.css">
        <script src="./lib/jquery/jquery-3.4.1.min.js"></script>
        <script src="./lib/swiper/swiper-bundle.min.js"></script>
        <script src="./lib/Bootstrap/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
        <script src="./js/search.js"></script>
        <link rel="stylesheet" href="./css/search.css">
    </head>
    <body>
        <div class="box">
            <!-- 顶部区域 -->
            <div class="box_ceiling">
                <div class="ceiling_top">
                    <!-- 天亮logo -->
                    <div class="ceiling_logo">
                        <img src="https://course.myhope365.com/img/logo-text-green.2137bfaa.png" alt="">
                    </div>
                    <!-- 导航栏与搜索框 登录 -->
                    <div class="ceiling_top_list">
                        <!-- 导航栏 -->
                        <nav class="col-5">
                            <ul>
                                <li><a href="./index.html">首页</a></li>
                                <li class="none">
                                    <a class="pullDown" id="pullDown" href="#">课程分类<img src="./images/向下箭头_黑.png" alt=""></a>
                                    <!-- 课程分类的下拉列表 -->
                                    <ul class="pull-down" >
                                    </ul>
                                </li>
                                <li><a href="#">教学管理云平台</a></li>
                            </ul>
                        </nav>
                        <!-- 搜索框 -->
                        <div class="search col-3">
                            <input class="searchInput" type="text" placeholder="搜索课程~">
                        </div>
                        <div class="btn">
                            <button class="search">
                                <img src="" alt="">
                            </button>
                        </div>
                        <!-- 购物车 登录 -->
                        <div class="ceiling_car_in">
                            <!-- 购物车 -->
                            <div class="car">
                                <img src="" alt="">
                            </div>
                            <!-- 登录按钮 -->
                            <div class="goin">
                                <button class="glyphicon glyphicon-user" data-toggle="modal" data-target="#register"><b>登录/注册</b></button> 
                                <div class="topDown" style="display: none;">
                                    <ul>
                                        <li>个人中心</li>
                                        <li>我的课程</li>
                                        <li>我的订单</li>
                                        <li class="out">退出登录</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间内容区域 -->
            <div class="router">
                <div class="nav">
                    <div class="svg">
                        <svg data-v-426db804="" viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path></svg>
                        <a href="./index.html">首页 /</a>
                        <span> 课程搜索</span>
                    </div>
                </div>
                <div class="specialSubject">
                    <div class="navigation_1">
                        <p class="titleP">专题：</p>
                        <div class="all">
                            <span data-v-426db804="" class="active"> 全部专题</span>
                            <span data-v-426db804="" class=""> 宇哥带你学Java</span>
                            <span data-v-426db804="" class=""> 学长面对面</span>
                            <span data-v-426db804="" class=""> 职业素养必修课</span>
                            <span data-v-426db804="" class=""> 大数据</span>
                            <span data-v-426db804="" class=""> WEB前端</span>
                            <span data-v-426db804="" class=""> 数据库</span>
                            <span data-v-426db804="" class=""> 网络爬虫</span>
                            <span data-v-426db804="" class=""> 求职技巧</span>
                            <span data-v-426db804="" class=""> 项目实战</span>
                            <span data-v-426db804="" class=""> 公共常用开发技术</span>
                            <span data-v-426db804="" class=""> 经典笔试面试题</span>
                            <span data-v-426db804="" class=""> JavaSe核心基础</span>
                            <span data-v-426db804="" class=""> 操作系统</span>
                            <span data-v-426db804="" class=""> 毕业设计</span>
                            <span data-v-426db804="" class=""> 数据结构与算法</span>
                            <span data-v-426db804="" class=""> 创新创业</span>
                            <span data-v-426db804="" class=""> 快速玩转热门应用</span>
                            <span data-v-426db804="" class=""> 软件测试</span>
                            <span data-v-426db804="" class=""> 微服务</span>
                        </div>
                    </div>
                    <div class="navigation_2">
                        <p class="titleP">类型：</p>
                        <div class="all">
                            <span data-v-426db804="" class="active"> 全部类型</span>
                            <span data-v-426db804="" class=""> 免费课程</span>
                            <span data-v-426db804="" class=""> 付费课程</span>
                            <span data-v-426db804="" class=""> 精品课程</span>
                            <span data-v-426db804="" class=""> 限时折扣课程</span>
                        </div>
                    </div>
                    <div class="navigation_3">
                        <p class="titleP">方式：</p>
                        <div class="all">
                            <span data-v-426db804="" class="active"> 全部方式</span>
                            <span data-v-426db804="" class=""> 直播课程</span>
                            <span data-v-426db804="" class=""> 录播课程</span>
                        </div>
                    </div>
                </div>
                <div class="classList">
                    <ul class="ul_List">
                         <!--<li>
                            <div class="boxMin">
                                <div class="listImg">
                                    <img src="https://online-course.nos-eastchina1.126.net/web%E5%89%8D%E7%AB%AF%E5%B9%B2%E6%B7%B7%E7%A0%82%E6%B5%86-1700034534491291648.jpg" alt="">
                                </div>
                                <div class="listText">
                                    <p class="title_p">
                                        前端项目-干混砂浆（Vue2+高德地图API） 
                                    </p>
                                    <p class="course">
                                        共 10 节课 | 23 人报名
                                    </p>
                                    <div class="price">
                                        <span>￥9.9</span>
                                        <span><del>￥1000</del></span>
                                    </div>
                                </div> 
                            </div>
                        </li>-->
                    </ul>
                </div>
                <div class="bottomPage">
                    <div class="control">
                        <div class="ant-pagination-disabled ant-pagination-prev"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></div>
                        <!-- <div title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></div> -->
                        <div class="ant-pagination-disabled ant-pagination-next"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></div>
                        <div class="page">
                            <span>15 / page</span>
                            <span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
                        </div>
                    </div>

                    
                    <!-- <div class="ant-pagination-options"><div tabindex="0" class="ant-select ant-select-enabled ant-pagination-options-size-changer"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="372880f6-10b3-463c-d8e3-97028d5a5690" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="15 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">15 / page</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div></div><div style="position: absolute; top: 0px; left: 0px; width: 100%;"><div><div class="ant-select-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft" style="min-width: 103px; left: 745px; top: 616px; display: none;"><div id="372880f6-10b3-463c-d8e3-97028d5a5690" tabindex="-1" class="ant-select-dropdown-content" style="overflow: auto; transform: translateZ(0px);"><ul role="listbox" tabindex="0" class="ant-select-dropdown-menu ant-select-dropdown-menu-vertical ant-select-dropdown-menu-root"><li role="option" class="ant-select-dropdown-menu-item" unselectable="on" style="user-select: none;">10 / page</li><li role="option" aria-selected="true" class="ant-select-dropdown-menu-item ant-select-dropdown-menu-item-selected" unselectable="on" style="user-select: none;">15 / page</li><li role="option" class="ant-select-dropdown-menu-item" unselectable="on" style="user-select: none;">20 / page</li></ul></div></div></div></div></li><li class="ant-pagination-options"><div tabindex="0" class="ant-select ant-select-enabled ant-pagination-options-size-changer"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="372880f6-10b3-463c-d8e3-97028d5a5690" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="15 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">15 / page</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div></div><div style="position: absolute; top: 0px; left: 0px; width: 100%;"><div><div class="ant-select-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft" style="min-width: 103px; left: 745px; top: 616px; display: none;"><div id="372880f6-10b3-463c-d8e3-97028d5a5690" tabindex="-1" class="ant-select-dropdown-content" style="overflow: auto; transform: translateZ(0px);"><ul role="listbox" tabindex="0" class="ant-select-dropdown-menu ant-select-dropdown-menu-vertical ant-select-dropdown-menu-root"><li role="option" class="ant-select-dropdown-menu-item" unselectable="on" style="user-select: none;">10 / page</li><li role="option" aria-selected="true" class="ant-select-dropdown-menu-item ant-select-dropdown-menu-item-selected" unselectable="on" style="user-select: none;">15 / page</li><li role="option" class="ant-select-dropdown-menu-item" unselectable="on" style="user-select: none;">20 / page</li></ul></div></div></div></div></div> -->
                </div>
            </div>
            <!-- 底部 -->
            <footer>
                <div class="ftbox">
                    <div class="ft1">友情链接:</div>
                    <div class="ft2">
                        <ul>
                            <li><a href="#">天亮教育</a></li>
                            <li><a href="#">星云大数据平台</a></li>
                            <li><a href="#">教学管理平台</a></li>
                            <li><a href="#">尚云科技</a></li>
                            <li><a href="#">天亮公开课资源</a></li>
                        </ul>
                    </div>
                    <div class="ft3"></div>
                    <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
                </div>
            </footer>
        </div>
        <div id="register" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content" style="padding: 20px 36px 24px;width: 360px;height: 332px;">
                    <div class="modal-body">
                        <button class="close" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="userIn">
                        <div class="user color_text">普通登录</div>
                        <div class="pow">手机登录</div>
                    </div>
                    <div class="modal-body module_body">
                        <form class="form-group" id="form-group" action="">
                            <div class="form-group input_user">
                                <img src="./images/用户名.png" alt="">
                                <input class="form-control" id="user" type="text" placeholder="请输入账户名">
                            </div>
                            <div class="form-group input_pow">
                                <img src="./images/密码.png" alt="">
                                <input class="form-control" id="pow" type="password" placeholder="请输入密码">
                            </div>
                            <div class="text-right">
                                <button class="form-control btnIn btn-primary" id="btnIn" type="button" style="color: #fff; background-color: #00CF8C; margin-top: 25px; margin-bottom: 20px;">登录</button>
                            </div>
                            <a href="" class="register href_a">立刻注册！</a>
                            <a href="" class="forgot href_a">忘记密码？</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>